import { memo } from "react"
import type { IconProps } from "@tabler/icons-react"

const IconKnowledge = ({ size }: IconProps) => {
	return (
		<svg width={size} height={size} viewBox="0 0 36 36" fill="none">
			<rect width="36" height="36" rx="4" fill="#E5F9F3" />
			<g clipPath="url(#clip0_20154_7652)">
				<path
					d="M8 10.3598C8 9.51604 8.81403 8.83203 9.81818 8.83203H26.1818C27.186 8.83203 28 9.51604 28 10.3598V25.6376C28 26.4814 27.186 27.1654 26.1818 27.1654H9.81818C8.81403 27.1654 8 26.4814 8 25.6376V10.3598Z"
					fill="#00BF9A"
				/>
				<path
					d="M8 10.4987C8 9.57822 8.81403 8.83203 9.81818 8.83203H26.1818C27.186 8.83203 28 9.57822 28 10.4987C28 11.4192 27.186 12.1654 26.1818 12.1654H9.81818C8.81403 12.1654 8 11.4192 8 10.4987Z"
					fill="#009F83"
				/>
				<path
					d="M10.5 23.8333C10.5 23.3731 10.9197 23 11.4375 23H24.5625C25.0803 23 25.5 23.3731 25.5 23.8333C25.5 24.2936 25.0803 24.6667 24.5625 24.6667H11.4375C10.9197 24.6667 10.5 24.2936 10.5 23.8333Z"
					fill="#8AE5CF"
				/>
				<path
					d="M10.5 20.4974C10.5 20.0372 10.8731 19.6641 11.3333 19.6641H16.3333C16.7936 19.6641 17.1667 20.0372 17.1667 20.4974C17.1667 20.9576 16.7936 21.3307 16.3333 21.3307H11.3333C10.8731 21.3307 10.5 20.9576 10.5 20.4974Z"
					fill="#8AE5CF"
				/>
				<path
					d="M19.666 11.3333C19.666 10.8731 20.0391 10.5 20.4993 10.5H23.8327C24.2929 10.5 24.666 10.8731 24.666 11.3333V16.5806C24.666 17.3543 23.7035 17.7104 23.2 17.1229L22.166 15.9167L21.1321 17.1229C20.6286 17.7104 19.666 17.3543 19.666 16.5806V11.3333Z"
					fill="white"
				/>
			</g>
			<defs>
				<clipPath id="clip0_20154_7652">
					<rect width="20" height="20" fill="white" transform="translate(8 8)" />
				</clipPath>
			</defs>
		</svg>
	)
}

export default memo(IconKnowledge)
